<!-- Navigation -->
<nav class="navbar navbar-default navbar-custom navbar-fixed-top is-fixed">
	<div class="container-fluid">
		<!-- Brand and toggle get grouped for better mobile display -->
		<div class="navbar-header page-scroll">
			<button type="button" class="navbar-toggle">
			<span class="sr-only">Toggle navigation</span> <span
				class="icon-bar"></span> <span class="icon-bar"></span> <span
				class="icon-bar"></span>
		</button>
			<a class="navbar-brand" href="/">胡伟煌</a>
		</div>

		<!-- Collect the nav links, forms, and other content for toggling -->
		<!-- Known Issue, found by Hux:
          <nav>'s height woule be hold on by its content.
          so, when navbar scale out, the <nav> will cover tags.
          also mask any touch event of tags, unfortunately.
      -->
		<div id="huxblog_navbar">
			<div class="navbar-collapse">
				<ul class="nav navbar-nav navbar-right">
					<li>
						<a href="/">Home</a>
					</li>

					<li>
						<a href="/about/">About</a>
					</li>

					<li>
						<a href="/archive/">Archives</a>
					</li>

					<li>
						<a href="/tags/">Tags</a>
					</li>

				</ul>
			</div>
		</div>
		<!-- /.navbar-collapse -->
	</div>
	<!-- /.container -->
</nav>